<script setup lang="ts">
import EchartsDemo from './components/EchartsDemo.vue'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
</script>

<template>
	<div class="app-container">
		<a-config-provider :locale="zhCN">
			<div class="app-title">优化 echarts 图表渲染性能</div>
			<div class="echarts-demo-wrapper">
				<!--图表组件-->
				<EchartsDemo msg="Vite + Vue" />
			</div>
		</a-config-provider>
	</div>
</template>

<style scoped lang="less">
.app-container {
	width: 100vw;

	.app-title {
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: lightblue;
		margin: 20px 0;
	}

	.echarts-demo-wrapper {
		height: calc(100vh - 100px);
		padding: 20px;
	}
}
</style>
